<template>
  <div class="index-container">
    <div class="intro">
      <h1>毕业设计</h1>
      <p>专业：17软件技术3班</p>
      <p>学号：1704220325</p>
      <p>姓名：林思浩</p>
    </div>
    <p>
      简介：该权限系统采用前后端分离开发：前端以Vue+ElmentUI为主；后端以Springboot+SpringSecurity+JWT为主进行开发。
    </p>
    <p>
      功能：目前主要包括了登录注册、用户管理、部门管理、角色管理、菜单管理等几个模块。
    </p>
  </div>
</template>

<script>

  export default {
    name: 'Index',
    data() {
      const item = {
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      };
      return {
        tableData: Array(20).fill(item)
      }
    }
  };
</script>

<style lang="scss">
  .index-container {
    margin: 100px auto;
    width: 80%;
    text-align: left;
    font-size: 20px;
    h1 {
      font-size: 4vh;
      margin: 20px 0;
    }
    p {
      margin: 10px 0;
    }
  }
</style>
